<template>
  <div id="app">
    <div class="loading" v-if="$root.isLoading">
	<van-loading color="#ffc0cb">加载中...</van-loading>
    </div>
    <router-view/>
  </div>
</template>

<style lang="less">
// 全局引入字体图标
@import url('./assets/fonts/iconfont.css');

// 全局的 css reset 设置
*{
    margin:0;
    padding:0;
}
// 滤镜 begin
// body *{
// -webkit-filter: grayscale(100%); /* webkit */
// -moz-filter: grayscale(100%); /*firefox*/
// -ms-filter: grayscale(100%); /*ie9*/
// -o-filter: grayscale(100%); /*opera*/
// filter: grayscale(100%);
// filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
// filter:gray; /*ie9- */
// }
// 滤镜 end
html{
    .loading {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 999;
        background-color: rgba(0,0,0,.2);
        .van-loading {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    }
}
    
a{
    color: inherit;
}

a:hover{
    text-decoration: none;
}
input,button,textarea{
    border: none;
    outline: none;
}

ul,li,ol{
    list-style: none;
}
</style>
